<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>WELCOME TO JSP</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script>
            function thongbao() {
                alert("Thong bao");
            }
            function xuLy() {
                war
                a = prompt("Moi nhap du lieu", "Search....");
                switch (a) {
                    case 0:
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                        alert("Rot, thi lai");
                        break;
                    case 5:
                    case 6:
                        alert("Trung binh");
                        break;
                    case 7:
                    case 8:
                        alert("Kha");
                        break;
                    case 9:
                        alert("Gioi");
                        break;
                    case 10:
                        alert(""Xuat sac);
                                break;
                    default:
                        alert("Du lieu khong chinh xac. Moi nhap lai");
                        break;
                }
            }
        </script>
    </head>
    <body>
        <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-8">
        <a href="https://hcmus.edu.vn">Truong dai hoc khoa hoc tu nhien</a>
        <p>comboBox</p>
        <select>
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="opel">Opel</option>
            <option value="audi">Audi</option>
        </select>

        <p>volume</p>
        <form oninput="x.value=parseInt(a.value) + parseInt(b.value)">0
            <input type="range" id="a" value="50">100
            +<input type="number" id="b" value="50">
            =<output name="x" for="a b"></output>
        </form>
        <p>Danh sach</p>
        <ol>
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
        </ol>

        <ol start="50">
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
        </ol>
        <form>
            <input type="button" value="Click" onclick="xuLy()">
        </form>
        <br>
        <hr>
        <audio controls>
            <source src="horse.ogg" type="audio/ogg">
            <source src="horse.mp3" type="audio/mpeg">
            Your browser does not support the audio tag.
        </audio>
        <video width="320" height="240" controls>
            <source src="movie.mp4" type="video/mp4">
            <source src="movie.ogg" type="video/ogg">
            Your browser does not support the video tag.
        </video>
    </body>
</html>
